<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>轮播图1.0版本</title>
	</head>
	<link rel="stylesheet" type="text/css" href="css/index.css" />
    
	<body>
		<div class="carousel_box">

			<ul>
				<li>
					<a href=""><img src="img/1.jpg" alt="" /></a>
				</li>
				<li>
					<a href=""><img src="img/2.jpg" alt="" /></a>
				</li>
				<li>
					<a href=""><img src="img/3.jpg" alt="" /></a>
				</li>
				<li>
					<a href=""><img src="img/4.jpg" alt="" /></a>
				</li>

			</ul>
			<div class="arrow left_arrow">
				<span>
					&lt;
				</span>
			</div>
			<div class="arrow right_arrow">
				<span>
					&gt;
				</span>
			</div>
			<ol>
				<li class="height"></li>
				<li></li>
				<li></li>
				<li></li>
			</ol>
		</div>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>